<extend name="Include:Layout"/>
<block name="title">我的会员卡</block>
<block name="style">
<style>

</style>
</block>

<block name="main">
	<div class="weui_tab">
		<div class="weui_navbar">
			<div class="toolbar">
		        <div class="toolbar-inner">
		            <a href="javascript:history.go(-1);" class="picker-button close-popup">关闭</a>
		            <h1 class="title" id="banji_title">我的会员卡</h1>
		        </div>
		    </div>
		</div>
		<div class="weui_tab_bd container" id="container" style="padding-top:44px;">
		    <div style="background:#fff;margin:10px;border-radius: 5px;">
				<div class="weui-row weui-no-gutter" style="margin-bottom:10px;">
			      	<div class="weui-col-33" style="text-align:right"><img src="{$_SESSION['_loginUser_home']['headimgurl']|default='/Public/Static/Img/avater1.png'}" class="avater"></div>
			      	<div class="weui-col-66">
			      		<h2 style="margin-left:10px;margin-top:20px;">{$_SESSION['_loginUser_home']['realname']}</h2>
			      		<p style="margin-left:15px;font-size:14px;color:#777;">阳关灿烂会员，已关注</p>
			      	</div>
			    </div>
				<div id="bcTarget" style="margin:0 auto;text-align:center"></div>
				<p style="text-align:center;font-size:14px;color:#777;line-height:40px;padding-bottom:20px;">会员卡号：<a href="javascript:;" class="tel-link">{$_SESSION['_loginUser_home']['mobile']}</a></p>
			</div>
		</div>
	</div>
 
</block>

<block name="script">
<js href="/Public/Static/Js/jquery-barcode.min.js" />
<script>
$(function () {
	//加载条形码
	var mobile = $(".tel-link").html();
	$("#bcTarget").barcode(mobile, "code11",{barWidth:2, barHeight:60,showHRI:false});     
});
</script>
</block>